<table style="width: 100%;height: 100%">
    {% if NavUl is defined %}
    <tr style="height: 67px">
        <td valign="top">{{ NavUl }}</td>
    </tr>
    {% endif %}
    <tr style="height:100%;" >
        <!--列表内容-->
        <td class="xh-datagrid">{{ List }}</td>
    </tr>
    <tr style="height: 48px" valign="top" >
        <td><div  style="width: 100%;background-color: #ccc;">
                <label id="title_school" style="line-height:30px;font-size: 16px;width: 100%;margin: 10px;letter-spacing: 1px;font-weight: 100"><a id="tabReturn"  class="btn btn-sm btn-default pull-right return" style="margin-right: 20px">返回</a></label>
            </div>
        </td>
    </tr>
    <tr id="contentForm" style="display: none">
        <td valign="top">
            <div class="smart-widget widget-dark" style="height: 100%;width: 100%;margin-bottom: 0px;border-top: 1px;">
                <div class="smart-widget-inner" style="height: 100%;width: 100%;" >
                    <div  class="widget-tab clearfix">
                        <ul class="tab-bar" >
                            {% if power['info'] is defined %}
                            <li class="active"><a href="#style3Tab1" data-toggle="tab"> 基本信息</a></li>
                            {% endif %}
                            {% if power['device'] is defined %}
                                <li class=""><a href="#style3Tab7" data-toggle="tab">设备使用</a></li>
                            {% endif %}
                            {% if power['history'] is defined %}
                                <li class=""><a href="#style3Tab2" data-toggle="tab">历史记录</a></li>
                            {% endif %}
                            {% if power['login'] is defined %}
                                <li class=""><a href="#style3Tab3" data-toggle="tab"> 登录日志</a></li>
                            {% endif %}
                        </ul>
                    </div>
                    <div class="smart-widget-body" style="height: 92%;width: 100%;padding-bottom: 0px;">
                        <div class="tab-content" style="height: 100%;width: 100%;">
                            <div class="tab-pane fade in active" id="style3Tab1" style="height: 100%;width: 100%;">
                                <form id="xh_form" class="xh-form xh-hidden" method="post">
                                    <div class="smart-widget">
                                        <div class="smart-widget-inner">
                                            <div class="smart-widget-body">
                                                <div class="xh-area-form">
                                                    {{ Form }}
                                                </div>
                                                {% if FormButton is defined %}
                                                    <div class="xh-area-button" style="padding-left: 65px;">
                                                        {{ FormButton }}
                                                    </div>
                                                {% endif %}
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            {% if power['device'] is defined %}
                                <div class="tab-pane fade" id="style3Tab7" style="height: 100%;width: 100%">
                                    <iframe id="deviceFrame" name="deviceFrame"
                                            style="width: 100%;height: 100%;border-style: none;padding: 0px;"
                                            scrolling="yes"></iframe>
                                </div>
                            {% endif %}
                            {% if power['history'] is defined %}
                                <div class="tab-pane fade" id="style3Tab2" style="height: 100%;width: 100%">
                                    <iframe id="historyFrame" name="historyFrame"
                                            style="width: 100%;height: 100%;border-style: none;padding: 0px;"
                                            scrolling="yes"></iframe>
                                </div>
                            {% endif %}
                            {% if power['login'] is defined %}
                                <div class="tab-pane fade" id="style3Tab3" style="height: 100%;width: 100%;">
                                    <iframe id="loginFrame" name="loginFrame"
                                            style="width: 100%;height: 100%;border-style: none;padding: 0px;"
                                            scrolling="yes"></iframe>
                                </div>
                            {% endif %}

                        </div>
                    </div>
                </div>
            </div>
        </td>
    </tr>
</table>
